<%--
  Created by IntelliJ IDEA.
  User: 星星在唱歌
  Date: 2022/2/17
  Time: 17:29
  To change this template use File | Settings | File Templates.
--%>
<%@ page contentType="text/html;charset=UTF-8" language="java" %>
<%@taglib prefix="c" uri="http://java.sun.com/jsp/jstl/core" %>
<html lang="en">
<head>
  <meta charset="UTF-8">
  <title>Title</title>
  <link rel="stylesheet" type="text/css" href="${pageContext.request.contextPath}/static/css/bootstrap.css">
  <script src="${pageContext.request.contextPath}/static/js/bootstrap.js"></script>
  <script src="${pageContext.request.contextPath}/static/js/jquery-3.4.1.js"></script>
  <style>
    img{
      /*表示显示手型*/
      cursor:pointer;
    }
  </style>
</head>
<body>

<div style="width: 700px;margin: 0 auto" class="container">
  <h1 style="text-align: center">用户登录</h1>
  <form action="${pageContext.request.contextPath}/main?cmd=login" method="post" class="form-horizontal">
    <div class="form-group">
      <label for="" class="col-sm-2 control-label">用户名</label>
      <div class="col-sm-6">
        <input type="text" name="username" id="username" class="form-control" placeholder="请输入用户名">
      </div>
    </div>

    <div class="form-group">
      <label for="" class="col-sm-2 control-label">密码</label>
      <div class="col-sm-6">
        <input type="password" name="userpwd" id="userpwd" class="form-control" placeholder="请输入密码">
      </div>
    </div>

    <div class="form-group">
      <label for="" class="col-sm-2 control-label">验证码</label>
      <div class="col-sm-6">
        <input type="password" name="loginCode" class="form-control" placeholder="请输入验证码">
        <img src="${pageContext.request.contextPath}/checkcode" id="im" onclick="refresh()">
        <br>
        <%--提示信息--%>
        <span style="color: red">${msg}</span>
      </div>
    </div>

<%--    <table border="1" cellspacing="0" cellpadding="10" width="40%" style="margin: 0 auto;width: 500px;">--%>
<%--      <tr>--%>
<%--        <td>用户名</td>--%>
<%--        <td>--%>
<%--          <input type="text" name="username" id="username">--%>
<%--        </td>--%>
<%--      </tr>--%>
<%--      <tr>--%>
<%--        <td>密码</td>--%>
<%--        <td>--%>
<%--          <input type="password" name="userpwd" id="userpwd">--%>
<%--        </td>--%>
<%--      </tr>--%>
<%--      <tr>--%>
<%--        <td>验证码：</td>--%>
<%--        <td>--%>
<%--          <input type="text" name="loginCode" id="">--%>
<%--          <img src="${pageContext.request.contextPath}/checkcode" id="im" onclick="refresh()">--%>
<%--          <br>--%>
<%--          &lt;%&ndash;提示信息&ndash;%&gt;--%>
<%--          <span style="color: red">${msg}</span>--%>
<%--        </td>--%>
<%--      </tr>--%>
<%--      <tr>--%>
<%--        <td colspan="2" align="center">--%>
          <input type="submit" value="登录">
<%--        </td>--%>
<%--      </tr>--%>
<%--&lt;%&ndash;    </table>&ndash;%&gt;--%>
  </form>
  <br><br>
  <div>
    <a href="${pageContext.request.contextPath}/page/register.jsp" style="float: right">立即注册</a>
  </div>

</div>


<script>
  function refresh(){
    let img = document.getElementById("im");
    var date = new Date();
    img.src = "${pageContext.request.contextPath}/checkcode?date="+date.getTime();
  }
</script>

<%--设置弹框--%>
<c:if test="${param.msg != null && param.smg.equals('error')}">
  <script>
    alert("用户登录失败！");
  </script>
</c:if>

<%--<%--%>
<%--  String msg = request.getParameter("msg");--%>
<%--  if(msg != null && msg.equals("error")){--%>

<%--%>--%>
<%--  <script>--%>
<%--    alert("用户登录失败！");--%>
<%--  </script>--%>
<%--<%--%>
<%--  }--%>
<%--%>--%>
</body>
</html>
